<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>商城</title>
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="./fonts/font_tabbar/iconfont.css"/>
    <link rel="stylesheet" href="./css/public.css?v=20181211"/>
    <link rel="stylesheet" href="css/index.css?v=20181211"/>
    <style>
        /*html {*/
            /*height: 100%;*/
        /*}*/

        /*body {*/
            /*height: 100%;*/
            /*margin: 0;*/
        /*}*/

        /*.mui-control-content {*/
            /*height: 550px;*/
        /*}*/
    </style>
</head>

<body>
<!--下拉刷新容器 mui-scroll-wrapper  id="refreshContainer"-->
<div class='mui-content'>
    <!--文字滚动-->
    <div class='city-header'>
        <img class='laba' src="./image/laba(1).png" alt=""/>
        <marquee id="marquee" direction="left" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="100%"
                 height="25">
            我思故我在
        </marquee>
    </div>
    <!--轮播图-->
    <div class="mui-slider">
        <div class="mui-slider-group mui-slider-loop">
            <!--支持循环，需要重复图片节点-->
            <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./image/swiper1.png"
                                                                                    width="100%" height="140"/></a>
            </div>
            <div class="mui-slider-item"><a href="#"><img src="./image/swiper1.png" width="100%" height="140"/></a>
            </div>
            <div class="mui-slider-item"><a href="#"><img src="./image/swiper2.png" width="100%" height="140"/></a>
            </div>
            <div class="mui-slider-item"><a href="#"><img src="./image/swiper3.jpg" width="100%" height="140"/></a>
            </div>
            <div class="mui-slider-item"><a href="#"><img src="./image/swiper2.png" width="100%" height="140"/></a>
            </div>
            <!--支持循环，需要重复图片节点-->
            <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="./image/swiper1.png"
                                                                                    width="100%" height="140"/></a>
            </div>
        </div>
    </div>

    <!--<div id='segmentedControl' class='mui-segmented-control' style="border:none;">-->

    <!--固定选项卡-->
    <div id='segmentedControl' class='mui-slider-indicator  mui-segmented-control mui-segmented-control-inverted'>
        <a href="#item1" class='mui-control-item mui-active' data="1">桶装水</a>
        <a href="#item1" class='mui-control-item' data="2">其他</a>
    </div>
    <!-- ---------------------------------------------------------------------------------------  -->
    <div id="item1" class="mui-control-content mui-active">
        <div id="refreshContainer" class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!--数据列表-->
                <ul class="mui-table-view" id='slider'>
                    <!--<li class='mui-content-padded mui-control-content mui-active' style="margin: 0;" id='itemTong'>-->
                    <li class="mui-table-view-cell" id='itemTong'>
                        <!--<li class="mui-table-view-cell"  id='itemTong' style="padding: 0px;">-->
                        <!--<div class='good-contanier'>-->
                        <!--<img src="http://www.qds.cn/uploads/goods/imgs/1/3_1.jpg?time=1530252912" max-width="100"-->
                        <!--height="100" class='goods-img' alt=""/>-->
                        <!--<div class='good-detail'>-->
                        <!--<p class='goods-title'>景田山泉水30L</p>-->
                        <!--<p style="color:red;">￥30.00</p>-->
                        <!--</div>-->
                        <!--<button class='add-button'>+</button>-->
                        <!--</div>-->
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- ---------------------------------------------------------------------------------------  -->
    <!--<div id="refreshContainer" class="">-->
    <!--商品列表-->
    <!--<div class="mui-scroll">-->
    <!--数据列表-->
    <!--<div class='mui-slider-progress-bar mui-col-xs-4' id='sliderProgress'></div>-->
    <!--<ul class="mui-table-view mui-table-view-chevron mui-slider-group" id='slider'>-->
    <!--<li class='mui-content-padded mui-control-content mui-active' style="margin: 0;" id='itemTong'>-->
    <!--<div class='good-contanier'>-->
    <!--<img src="http://www.qds.cn/uploads/goods/imgs/1/3_1.jpg?time=1530252912" max-width="100"-->
    <!--height="100" class='goods-img' alt=""/>-->
    <!--<div class='good-detail'>-->
    <!--<p class='goods-title'>景田山泉水30L</p>-->
    <!--<p style="color:red;">￥30.00</p>-->
    <!--</div>-->
    <!--<button class='add-button'>+</button>-->
    <!--</div>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!-- ---------------------------------------------------------------------------------------  -->
    <!--<div id="refreshContainer" class="mui-content mui-scroll-wrapper">-->
    <!--<div class="mui-scroll">-->
    <!--&lt;!&ndash;数据列表&ndash;&gt;-->
    <!--<ul class="mui-table-view mui-table-view-chevron" id='slider'>-->
    <!--<li class='mui-content-padded mui-control-content mui-active' style="margin: 0;" id='itemTong'>-->
    <!--</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--</div>-->
    <!-- ---------------------------------------------------------------------------------------  -->
    <!--</div>-->
</div>
<div class='goods-carts'>
    <div class='left'>
        <p class='left-p'>0</p>
        <img src="./image/cart3.png" alt="" class='left-img' width="35" height="35"/>
    </div>
    <p class='right'><a href="javascript:redirect('market-cart.html')" style="color: white;">去结算</a>
</div>
<!--tabbar-->
<nav class='mui-bar mui-bar-tab'>
    <a href="javascript:redirect('take-water.html')" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-shuidi"></i></span>
        <span class='mui-tab-label'>订水</span>
    </a>
    <a href="javascript:redirect('market.html')" class="mui-tab-item  mui-active">
        <span class='mui-icon'><i class=" iconfont icon-shangcheng"></i></span>
        <span class='mui-tab-label'>商城</span>
    </a>
    <a href="javascript:redirect('water-ticket.html')" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-piaofang"></i></span>
        <span class='mui-tab-label'>水票</span>
    </a>
    <a href="javascript:redirect('member.html')" class="mui-tab-item">
        <span class='mui-icon'><i class=" iconfont icon-wo"></i></span>
        <span class='mui-tab-label'>我的</span>
    </a>
</nav>
<script type="text/html" id="goods_list_data">
    {{each data goods}}
    <div class='good-contanier'>
        <img src="{{goods.goods_img}}" max-width="100" height="100" class='goods-img' alt=""/>
        <div class='good-detail'>
            <p class='goods-title'>{{goods.goods_name}}</p>
            <p style="color:red;">￥{{goods.goods_price}}</p>
        </div>
        <button class='add-button'>+</button>
    </div>
    {{/each}}
</script>
<script src='./js/jquery-3.2.1.min.js'></script>
<script src="./js/mui.min.js"></script>
<script src="./js/art-template.js"></script>
<script src="./js/config.js?v=20181211"></script>
<script src='./js/commen.js?v=20181211'></script>
<script src="js/index.js?v=20181211"></script>
<!--mui-content-->


</body>

</html>
